@charset "UTF-8";
@import "icon/iconfont.css";
/* 公共样式 */
*, :before, :after {
    box-sizing: border-box;
}

html {
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-size: 12px;
    line-height: 1.4;
    color: #333333;
    background-color: #f2f2f2;
    font-family: "微软雅黑", Arial, Helvetica, sans-serif;
    border: 0 solid rgba(0, 0, 0, 0);
}

html,body {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
form,
ul,
li,
ol,
dt,
dd {
    margin: 0;
    padding: 0;
}

li,
dt,
dd {
    list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font: inherit;
}

a,
a:active,
a:visited {
    text-decoration: none;
    color: inherit;
}

a:hover {
    text-decoration: underline;
}

::-webkit-scrollbar {
    width: 8px;
    height: 1px;
}

::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background-color: #777777;
}

::-webkit-scrollbar-track {
    border-radius: 2px;
    background-color: inherit;
}

button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    -moz-appearance: button;
    cursor: pointer;
}

input[type=range] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background-color: #dddddd;
    height: 6px;
    padding: 0;
    cursor: pointer;
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 25px;
    width: 25px;
    margin-top: -5px;
    background: #ffffff;
    border-radius: 50%;
    border: solid 1px rgba(205, 224, 230, 0.6);
    box-shadow: 0 2px 3px #3b4547;
    -webkit-box-shadow: 0 2px 3px #3b4547;
}

input[type=range]::-moz-range-thumb {
    -moz-appearance: none;
    height: 25px;
    width: 25px;
    margin-top: -5px;
    background: #ffffff;
    border-radius: 50%;
    border: solid 1px rgba(205, 224, 230, 0.6);
    box-shadow: 0 2px 3px #3b4547;
    -webkit-box-shadow: 0 2px 3px #3b4547;
}

button, select {
    text-transform: none;
}

button {
    overflow: visible;
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font: inherit;
    color: inherit;
    outline: 0;
}

input::placeholder {
    color: #b2b2b2;
    font: inherit;
}

input::-webkit-input-placeholder {
    color: #b2b2b2;
    font: inherit;
}

h1 {
    font-size: 20px !important;
}

h2 {
    font-size: 19px !important;
}

h3 {
    font-size: 18px !important;
}

h4 {
    font-size: 17px !important;
}

h5 {
    font-size: 16px !important;
}

h6 {
    font-size: 15px !important;
}

p {
    padding-top: .5px;
    padding-bottom: .5px;
}

/* 单元格样式 */
.cui-container-fluid {
    width: 100%;
}

@media screen and (min-width: 768px) {
    .cui-container {
        width: 744px;
    }
}

@media screen and (min-width: 992px) {
    .cui-container {
        width: 968px;
    }
}

@media screen and (min-width: 1200px) {
    .cui-container {
        width: 1176px;
    }
}

.cui-container-full {
    width: 1000px;
}

.cui-container-fluid,
.cui-container,
.cui-container-full {
    padding: 6px;
}

.cui-overflow-scroll {
    overflow: auto !important;
}

.cui-overflow-scroll-y {
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

.cui-overflow-scroll-x {
    overflow-x: auto !important;
    overflow-y: hidden !important;
}

.cui-overflow-scroll,
.cui-overflow-scroll-x,
.cui-overflow-scroll-y {
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
}

.cui-col-1,
.cui-col-2,
.cui-col-3,
.cui-col-4,
.cui-col-5,
.cui-col-6,
.cui-col-7,
.cui-col-8,
.cui-col-9,
.cui-col-10,
.cui-col-11,
.cui-col-12 {
    display: block;
    padding: 0;
    margin: 0;
}

.cui-col-1 {
    width: 8.333333% !important;
}

.cui-col-2 {
    width: 16.666666% !important;
}

.cui-col-3 {
    width: 24.999999% !important;
}

.cui-col-4 {
    width: 33.333333% !important;
}

.cui-col-5 {
    width: 41.666666% !important;
}

.cui-col-6 {
    width: 49.999999% !important;
}

.cui-col-7 {
    width: 58.333333% !important;
}

.cui-col-8 {
    width: 66.666666% !important;
}

.cui-col-9 {
    width: 74.999999% !important;
}

.cui-col-10 {
    width: 83.333333% !important;
}

.cui-col-11 {
    width: 91.666666% !important;
}

.cui-col-12 {
    width: 99.999999% !important;
}

/* flex布局 */
.cui-row {
    display: flex !important;
    display: -webkit-flex !important;
    display: -moz-flex !important;
    flex-direction: row;
    padding: 0 12px;
}

.cui-flex {
    display: flex !important;
    display: -webkit-flex !important;
    display: -moz-flex !important;
}

.cui-flex-row {
    flex-direction: row;
}

.cui-flex-wrap {
    flex-wrap: wrap;
}

.cui-flex-column {
    flex-direction: column;
}

.cui-flex-none {
    flex: none !important;
}

.cui-justify-content-center {
    justify-content: center;
}

.cui-justify-content-between {
    justify-content: space-between;
}

.cui-justify-content-around {
    justify-content: space-around;
}

.cui-align-items-center {
    align-items: center;
}

.cui-flex-center {
    justify-content: center;
    align-items: center;
}

/* 文档流布局 */
.cui-hidden {
    display: none!important;
}

.cui-visibility {
    visibility: hidden!important;
}

.cui-font-bold {
    font-weight: 700;
}

.cui-font-light {
    font-weight: 300;
}

.cui-block {
    display: block!important;
}

.cui-inline {
    display: inline!important;
}

.cui-inline-block {
    display: inline-block!important;
}

.cui-text-left {
    text-align: left;
}

.cui-text-center {
    text-align: center;
}

.cui-text-right {
    text-align: right;
}

.cui-text-c9 {
    color: #999999;
}

.cui-text-c6 {
    color: #666666;
}

.cui-text-c3 {
    color: #333333;
}

.cui-text-c0 {
    color: #000000;
}

.cui-text-white {
    color: #ffffff;
}

.cui-text-light {
    color: #f2f2f2;
}

.cui-text-primary {
    color: #3B91FF;
}

.cui-bg-primary {
    background-color: #3B91FF!important;
    border: 1px solid #3B91FF!important;
}

.cui-bg-white {
    background-color: #ffffff!important;
}

.cui-bg-light {
    background-color: #fafafa!important;
}

.cui-bg-deep {
    background-color: rgb(134, 142, 150)!important;
    border: 1px solid rgb(134, 142, 150)!important;
}

.cui-bg-dark {
    background-color: #555555!important;
    border: 1px solid #555555!important;
}

.cui-bg-primary,
.cui-bg-deep,
.cui-bg-dark {
    color: #f2f2f2!important;
}

.cui-shadow {
    box-shadow: 0 1px 8px 0 rgba(0,0,0,.075);
    -webkit-box-shadow: 0 1px 8px 0 rgba(0,0,0,.075);
}

.cui-shadow-none {
    box-shadow: none!important;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    -o-box-shadow: none!important;
}

.cui-f-24 {
    font-size: 24px !important;
}

.cui-f-22 {
    font-size: 22px !important;
}

.cui-f-16 {
    font-size: 16px !important;
}

.cui-f-15 {
    font-size: 15px !important;
}

.cui-f-14 {
    font-size: 14px !important;
}

.cui-f-13 {
    font-size: 13px !important;
}

.cui-f-12 {
    font-size: 12px !important;
}

.cui-mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.cui-my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.cui-m-3 {
    margin: 3px;
}

.cui-mx-3 {
    margin-left: 3px;
    margin-right: 3px;
}

.cui-my-3 {
    margin-top: 3px;
    margin-bottom: 3px;
}

.cui-ml-3 {
    margin-left: 3px;
}

.cui-mr-3 {
    margin-right: 3px;
}

.cui-mt-3 {
    margin-top: 3px;
}

.cui-mb-3 {
    margin-bottom: 3px;
}

.cui-m-6 {
    margin: 6px;
}

.cui-mx-6 {
    margin-left: 6px;
    margin-right: 6px;
}

.cui-my-6 {
    margin-top: 6px;
    margin-bottom: 6px;
}

.cui-mt-6 {
    margin-top: 6px;
}

.cui-mb-6 {
    margin-bottom: 6px;
}

.cui-ml-6 {
    margin-left: 6px;
}

.cui-mr-6 {
    margin-right: 6px;
}

.cui-m-9 {
    margin: 9px;
}

.cui-mx-9 {
    margin-left: 9px;
    margin-right: 9px;
}

.cui-my-9 {
    margin-top: 9px;
    margin-bottom: 9px;
}

.cui-mt-9 {
    margin-top: 9px;
}

.cui-mb-9 {
    margin-bottom: 9px;
}

.cui-ml-9 {
    margin-left: 9px;
}

.cui-mr-9 {
    margin-right: 9px;
}

.cui-m-12 {
    margin: 12px;
}

.cui-mx-12 {
    margin-left: 12px;
    margin-right: 12px;
}

.cui-my-12 {
    margin-top: 12px;
    margin-bottom: 12px;
}

.cui-mt-12 {
    margin-top: 12px;
}

.cui-mb-12 {
    margin-bottom: 12px;
}

.cui-ml-12 {
    margin-left: 12px;
}

.cui-mr-12 {
    margin-right: 12px;
}

.cui-m-auto {
    margin: auto;
}

.cui-mx-auto {
    margin: 0 auto;
}

.cui-px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.cui-py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.cui-p-3 {
    padding: 3px;
}

.cui-px-3 {
    padding-left: 3px;
    padding-right: 3px;
}

.cui-py-3 {
    padding-top: 3px;
    padding-bottom: 3px;
}

.cui-pl-3 {
    padding-left: 3px;
}

.cui-pr-3 {
    padding-right: 3px;
}

.cui-pt-3 {
    padding-top: 3px;
}

.cui-pb-3 {
    padding-bottom: 3px;
}

.cui-p-6 {
    padding: 6px;
}

.cui-px-6 {
    padding-left: 6px;
    padding-right: 6px;
}

.cui-py-6 {
    padding-top: 6px;
    padding-bottom: 6px;
}

.cui-pt-6 {
    padding-top: 6px;
}

.cui-pb-6 {
    padding-bottom: 6px;
}

.cui-pl-6 {
    padding-left: 6px;
}

.cui-pr-6 {
    padding-right: 6px;
}

.cui-p-9 {
    padding: 9px;
}

.cui-px-9 {
    padding-left: 9px;
    padding-right: 9px;
}

.cui-py-9 {
    padding-top: 9px;
    padding-bottom: 9px;
}

.cui-pt-9 {
    padding-top: 9px;
}

.cui-pb-9 {
    padding-bottom: 9px;
}

.cui-pl-9 {
    padding-left: 9px;
}

.cui-pr-9 {
    padding-right: 9px;
}

.cui-p-12 {
    padding: 12px;
}

.cui-px-12 {
    padding-left: 12px;
    padding-right: 12px;
}

.cui-py-12 {
    padding-top: 12px;
    padding-bottom: 12px;
}

.cui-pt-12 {
    padding-top: 12px;
}

.cui-pb-12 {
    padding-bottom: 12px;
}

.cui-pl-12 {
    padding-left: 12px;
}

.cui-pr-12 {
    padding-right: 12px;
}

.cui-w-full,
.cui-w-500,
.cui-w-300,
.cui-w-200,
.cui-w-160,
.cui-w-120,
.cui-w-100,
.cui-w-90,
.cui-w-80,
.cui-w-70,
.cui-w-60,
.cui-h-full,
.cui-h-500,
.cui-h-300,
.cui-h-200,
.cui-h-160,
.cui-h-120,
.cui-h-100,
.cui-h-90,
.cui-h-80,
.cui-h-70,
.cui-h-60 {
    flex: none !important;
}

.cui-w-full {
    width: 100%;
}

.cui-w-500 {
    width: 500px;
}

.cui-w-300 {
    width: 300px;
}

.cui-w-200 {
    width: 200px;
}

.cui-w-160 {
    width: 160px;
}

.cui-w-120 {
    width: 120px;
}

.cui-w-100 {
    width: 100px;
}

.cui-w-90 {
    width: 90px;
}

.cui-w-80 {
    width: 80px;
}

.cui-w-70 {
    width: 70px;
}

.cui-w-60 {
    width: 60px;
}

.cui-h-full {
    height: 100%;
}

.cui-h-500 {
    height: 500px;
}

.cui-h-300 {
    height: 300px;
}

.cui-h-200 {
    height: 200px;
}

.cui-h-160 {
    height: 160px;
}

.cui-h-120 {
    height: 120px;
}

.cui-h-100 {
    height: 100px;
}

.cui-h-90 {
    height: 90px;
}

.cui-h-80 {
    height: 80px;
}

.cui-h-70 {
    height: 70px;
}

.cui-h-60 {
    height: 60px;
}

.cui-border {
    border: 1px solid #e7e7eb!important;
}

.cui-border-x {
    border-left: 1px solid #e7e7eb!important;
    border-right: 1px solid #e7e7eb!important;
}

.cui-border-y {
    border-bottom: 1px solid #e7e7eb!important;
    border-top: 1px solid #e7e7eb!important;
}

.cui-border-left {
    border-left: 1px solid #e7e7eb!important;
}

.cui-border-right {
    border-right: 1px solid #e7e7eb!important;
}

.cui-border-top {
    border-top: 1px solid #e7e7eb!important;
}

.cui-border-bottom {
    border-bottom: 1px solid #e7e7eb!important;
}

.cui-border-black {
    border-color: #000000!important;
}

.cui-border-primary {
    border-color: #3B91FF!important;
}

.cui-border-none {
    border: none!important;
}

.cui-radius {
    border-radius: 2px!important;
}

.cui-circle {
    border-radius: 50% !important;
}

.cui-radius-none {
    border-radius: unset !important;
}

.cui-divide {
    display: block;
    width: 100%;
    height: 0;
    border-bottom: 1px solid #e7e7eb;
}

/* 浮动布局 */
.cui-float-right {
    float: right;
}

.cui-float-left {
    float: left;
}

.cui-clearfix:after {
    display: table;
    content: " ";
    clear: both;
    height: 0;
    visibility: hidden;
}

/* 定位流 */
.cui-relative {
    position: relative;
}

.cui-absolute {
    position: absolute;
}

.cui-fixed {
    position: fixed;
}

/* 卡片 */
.cui-card {
    margin-bottom: 6px;
    border: 1px solid #eeeeee;
    border-radius: 10px;
    background-color: inherit;
}

.cui-card-header {
    display: block;
    line-height: 50px;
    height: 50px;
    padding: 0 12px;
    border-bottom: 1px solid #e7e7eb;
}

.cui-card.cui-bg-deep>.cui-card-header {
    border-bottom: 1px solid #b2b2b2;
    color: #f2f2f2;
}

.cui-card.cui-bg-dark>.cui-card-header {
    border-bottom: 1px solid #797474;
    color: #f2f2f2;
}

.cui-card.cui-bg-primary>.cui-card-header {
    border-bottom: 1px solid #7eaeea;
    color: #f2f2f2;
}

.cui-card-body {
    display: block;
}

/* 按钮 */
.cui-btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 13px;
    text-align: center;
    vertical-align: middle;
    line-height: 1.5;
    white-space: nowrap;
    cursor: pointer;
    background-image: none;
    border: 1px solid rgba(0,0,0,0);
    border-radius: 2px;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.cui-btn-white {
    background-color: #ffffff;
    color: #666666;
}

.cui-btn-default {
    background-color: #e7e7eb;
    color: #333333;
}

.cui-btn-black {
    background-color: #666666;
    color: #f2f2f2;
}

.cui-btn-primary {
    background-color: #3B91FF;
    color: #f2f2f2;
}

.cui-btn-warning {
    background-color: #ff8c00;
    color: #ffffff;
}

.cui-btn-danger {
    background-color: #ff3333;
    color: #ffffff;
}

.cui-btn-white,
.cui-btn-default,
.cui-btn-black,
.cui-btn-primary,
.cui-btn-warning,
.cui-btn-danger {
    transition: .2s ease-out;
    -webkit-transition: .2s ease-out;
}

.cui-btn-white {
    border-color: #dededb;
}

.cui-btn-white:hover,
.cui-btn-white:active,
.cui-btn-white:active:hover {
    border-color: rgba(0,0,0,0);
    background-color: #3B91FF;
    color: #f2f2f2;
}

.cui-btn-default:hover,
.cui-btn-default:active,
.cui-btn-default:active:hover {
    background-color: #c2c2cb;
    color: #ffffff;
}

.cui-btn-black:hover,
.cui-btn-black:active,
.cui-btn-black:active:hover {
    background-color: #999999;
}

.cui-btn-primary:hover,
.cui-btn-primary:active,
.cui-btn-primary:active:hover {
    background-color: #5ba3ff;
}

.cui-btn-warning:hover,
.cui-btn-warning:active,
.cui-btn-warning:active:hover {
    background-color: #ffba66;
}

.cui-btn-danger:hover,
.cui-btn-danger:active,
.cui-btn-danger:active:hover {
    background-color: #ff8484;
}

.cui-btn-sm {
    font-size: 12px;
    padding: 4px 8px;
}

.cui-btn-md {
    font-size: 13px;
    padding: 5px 9px;
}

.cui-btn-lg {
    font-size: 14px;
    padding: 6px 10px;
}

.cui-btn-group {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.cui-btn-group .cui-btn {
    border-color: rgba(0,0,0,0);
}

.cui-btn-group .cui-btn-white {
    border-top-color: #dededb;
    border-bottom-color: #dededb;
}

.cui-btn-group .cui-btn:not(:last-child) {
    border-bottom-right-radius: initial;
    border-top-right-radius: initial;
}

.cui-btn-group .cui-btn:not(:first-child) {
    border-bottom-left-radius: initial;
    border-top-left-radius: initial;
}

/* 表单 */
.cui-form,
.cui-form-inline {
    padding: 12px;
    background-color: rgba(0,0,0,0);
}

.cui-form-inline {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    flex-wrap: wrap;
}

.cui-form-group {
    -webkit-flex: 1;
    flex: 1;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    align-items: center;
    padding-top: 12px;
    padding-bottom: 12px;
}

.cui-label {
    flex-shrink: 0;
    display: inline-block;
    padding: 0 12px;
    vertical-align: middle;
    color: #555555;
    font-size: 14px;
}

.cui-label-sm {
    font-size: 13px;
}

.cui-label-md {
    font-size: 14px;
}

.cui-label-lg {
    font-size: 15px;
}

.cui-form-control {
    -webkit-flex: 1;
    flex: 1;
    background-color: #ffffff;
    border: 1px solid #c2c2cb;
    line-height: 1.5;
    color: #333333;
    text-indent: 4px;
    padding: 3px;
    font-size: 13px;
}

.cui-input-xsm {
    font-size: 12px;
    padding: 2px;
}

.cui-input-sm {
    font-size: 12px;
    padding: 4px;
}

.cui-input-md {
    font-size: 13px;
    padding: 5px;
}

.cui-input-lg {
    font-size: 14px;
    padding: 6px;
}

.cui-form-control:focus {
    transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    border-color: #3B91FF;
}

.cui-form-control:focus::placeholder {
    transition: .3s all ease-out;
    opacity: 0;
}

.cui-form-control:focus::-webkit-input-placeholder {
    -webkit-transition: .3s all ease-out;
    opacity: 0;
}

.cui-dashed-bottom,
.cui-solid-bottom,
.cui-dotted-bottom {
    -webkit-appearance: none;
    border: none;
    border-radius: unset;
}

.cui-dashed-bottom {
    border-bottom: 1px dashed #c2c2cb;
}

.cui-solid-bottom {
    border-bottom: 1px solid #c2c2cb;
}

.cui-dotted-bottom {
    border-bottom: 1px dotted #c2c2cb;
}

/* 表格 */
.cui-table {
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    min-width: 100%;
}

.cui-table>thead>tr,
.cui-table>tbody>tr {
    border-top: 1px solid #dededb;
}

.cui-table-border-both>thead>tr,
.cui-table-border-both>tbody>tr {
    border: 1px solid #dededb;
}

.cui-table>thead>tr>th,
.cui-table>tbody>tr>td {
    padding: 8px;
}

.cui-table-border>thead>tr>th,
.cui-table-border>tbody>tr>td {
    border: 1px solid #dededb;
}

.cui-table>thead>tr>th {
    background-color: #f2f2f2;
    font-weight: normal;
    text-align: left;
    font-size: 13px;
}

.cui-table>tbody>tr>td {
    color: #666666;
    font-size: 12px;
}

.cui-table-hover>tbody>tr:hover,
.cui-table-hover>tbody>tr:active {
    background-color: rgba(0,0,0,.05);
    transition: .1s all ease-out;
    -webkit-transition: .1s all ease-out;
}

/* 徽章 */
.cui-badge {
    display: inline-block;
    margin: 0;
    padding: 3px 12px;
    border-radius: 3px;
    line-height: 1.5;
    color: #ffffff;
}

.cui-badge-primary {
    background-color: #3B91FF;
}

.cui-badge-success {
    background-color: #56cc5d;
}

.cui-badge-warning {
    background-color: #ff8c00;
}

.cui-badge-danger {
    background-color: #ff3333;
}

.cui-badge-deep {
    background-color: #666666;
}

/* 标签 */
.cui-tag {
    display: inline-block;
    padding: 2px 6px;
    border-radius: 10px;
    font-size: 13px;
    position: relative;
    bottom: 6px;
    right: 3px;
    color: #ffffff;
}

.cui-tag-primary {
    background-color: #3B91FF;
}

.cui-tag-success {
    background-color: #56cc5d;
}

.cui-tag-warning {
    background-color: #ff8c00;
}

.cui-tag-danger {
    background-color: #ff3333;
}

.cui-tag-deep {
    background-color: #666666;
}

/* 列表组 */
.cui-list-group,
.cui-list-group-inline {
    background-color: #ffffff;
    border-radius: 2px;
}

.cui-list-group-inline {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    align-items: center;
}

.cui-list-group>.cui-list-group-item,
.cui-list-group-inline>.cui-list-group-item {
    position: relative;
    display: block;
    padding: 8px 13px;
    border: 1px solid #dededb;
}

.cui-border-none > .cui-list-group-item {
    border: none!important;
}

.cui-border-both > .cui-list-group-item {
    border-top-color: rgba(0,0,0,0);
    border-bottom-color: rgba(0,0,0,0);
}

.cui-border-both > .cui-list-group-item:last-child {
    border-bottom-color: #dededb;
}

.cui-list-group>.cui-list-group-item:hover,
.cui-list-group>.cui-list-group-item:active:hover,
.cui-list-group-inline>.cui-list-group-item:hover,
.cui-list-group-inline>.cui-list-group-item:active:hover {
    background-color: #f2f2f2;
}

.cui-list-group>.cui-list-group-item {
    margin-bottom: -1px;
}

.cui-list-group-inline>.cui-list-group-item {
    -webkit-flex: 1;
    flex: 1;
    margin-left: -1px;
}

.cui-list-group>.cui-list-group-item:first-child {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.cui-list-group>.cui-list-group-item:last-child {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}

.cui-list-group-inline>.cui-list-group-item:first-child {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

.cui-list-group-inline>.cui-list-group-item:last-child {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

/* 分页 */
.cui-paging {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    align-items: center;
    background-color: #ffffff;
    border-radius: 2px;
    padding: 0;
    margin: 0;
}

.cui-paging>.cui-paging-item {
    display: block;
    position: relative;
    padding: 6px 12px;
    border: 1px solid #dededb;
    margin-left: -1px;
    cursor: pointer;
}

.cui-paging>.cui-paging-item:hover,
.cui-paging>.cui-paging-item:active:hover {
    background-color: #f2f2f2;
}

.cui-paging>.cui-paging-item:first-child {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

.cui-paging>.cui-paging-item:last-child {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

.cui-paging>.cui-active {
    background-color: #3B91FF;
    border-color: #3B91FF;
    color: #f2f2f2;
    cursor: not-allowed;
}

.cui-paging>.cui-disabled {
    background-color: #f2f2f2;
    cursor: not-allowed;
}

.cui-paging>.cui-active:hover,
.cui-paging>.cui-active:active:hover {
    background-color: #5ba3ff;
}

.cui-paging>.cui-disabled:hover,
.cui-paging>.cui-disabled:active:hover {
    background-color: #f5f5f5;
}

/* 模态框 */
.cui-modal {
    position: fixed;
    width: 99.999999%;
    height: 99.999999%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    outline: 0;
    border: 1px solid rgba(0, 0, 0, .08);
    overflow: hidden;
    z-index: 19930902;
    display: none;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0);
}

.cui-fade {
    opacity: 0;
    transform: scale(.5);
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    transition: .15s ease-out;
    -webkit-transition: .15s ease-out;
    -moz-transition: .15s ease-out;
}

.cui-fade.cui-show {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
    opacity: 1;
}

.cui-dismiss-fade {
    opacity: 0;
    transition: opacity .2s ease-out;
    -webkit-transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
}

.cui-dismiss-fade.cui-in {
    opacity: .3;
}

.cui-bg-dismiss {
    position: fixed;
    width: 99.999999%;
    height: 99.999999%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    outline: 0;
    overflow: hidden;
    z-index: 19930202;
    background-color: #000000;
}

.cui-modal .cui-modal-dialog {
    width: 700px;
    min-height: 150px;
    max-height: 850px;
    background-color: #ffffff;
    box-shadow: 0 1px 8px 0 rgba(0,0,0,.075);
    -webkit-box-shadow: 0 1px 8px 0 rgba(0,0,0,.075);
    border-radius: 10px;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
}

.cui-modal .cui-modal-dialog .cui-content {
    -webkit-flex: 1;
    flex: 1;
    border-radius: 10px;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
}

.cui-modal .cui-modal-dialog .cui-content .cui-modal-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 50px;
    padding-left: 12px;
    padding-right: 12px;
    border-bottom: 1px solid #e7e7eb;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
}

.cui-modal .cui-modal-dialog .cui-content .cui-modal-header .cui-close {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    font-size: 22px;
    color: #999999;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.cui-modal .cui-modal-dialog .cui-content .cui-modal-header .cui-close:hover,
.cui-modal .cui-modal-dialog .cui-content .cui-modal-header .cui-close:active:hover {
    color: #555555;
    background-color: #e7e7eb;
}

.cui-modal .cui-modal-dialog .cui-content .cui-modal-body {
    flex: 1 0 calc(100% - 100px);
    padding: 12px;
    margin-top: 50px;
    margin-bottom: 50px;
    overflow: auto !important;
}

.cui-modal .cui-modal-dialog .cui-content .cui-modal-footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding-left: 12px;
    padding-right: 12px;
    border-top: 1px solid #e7e7eb;
    text-align: right;
    overflow: hidden;
}

.cui-modal-sm {
    width: 500px !important;
}

.cui-modal-md {
    width: 700px !important;
}

.cui-modal-lg {
    width: 900px !important;
}

.cui-modal-xlg {
    width: 1100px !important;
}

/* Toastr */
.cui-toastr-container {
    width: 320px;
    position: fixed;
    top: 0;
    left: calc((100% - 320px) / 2);
    z-index: 20191228;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    flex-direction: column;
    align-items: center;
    will-change: transform;
}

.cui-toastr {
    width: 300px;
    height: 60px;
    border-radius: 6px;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    align-items: center;
    margin-top: 3px;
    padding: 12px 20px 12px 12px;
    cursor: pointer;
    position: relative;
    box-shadow: 0 1px 20px rgba(0,0,0,.15);
    -webkit-box-shadow: 0 1px 20px rgba(0,0,0,.15);
    background-color: #ffffff;
    color: #000000;
}

.cui-toastr-container .cui-toastr:first-child {
    margin-top: 68px;
}

.cui-toastr:hover,
.cui-toastr:active,
.cui-toastr:active:hover {
    background-color: #f8f8f8;
}

.cui-toastr-transparent {
    opacity: 0;
    transition: .2s opacity ease-out;
    -webkit-transition: .2s opacity ease-out;
    -moz-transition: .2s opacity ease-out;
}

.cui-toastr.cui-toastr-fade {
    opacity: 1;
}

.cui-toastr-sm {
    height: 60px;
}

.cui-toastr-md {
    height: 80px;
}

.cui-toastr-lg {
    height: 100px;
}

.cui-toastr .cui-toastr-close {
    font: initial;
    position: absolute;
    right: 4px;
    top: 4px;
    width: 20px;
    height: 20px;
    border: 1px solid transparent;
    border-radius: 10px;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    justify-content: center;
    align-items: center;
    line-height: 1.5;
    font-size: 16px;
    font-weight: lighter;
    color: #c2c2cb;
}

.cui-toastr .cui-toastr-close:hover,
.cui-toastr .cui-toastr-close:active:hover {
    background-color: #c2c2cb;
    color: #ffffff;
}

.cui-toastr h4 {
    flex: 0 0 15%;
    text-align: center;
    font-size: 24px;
}

.cui-toastr h4 i {
    font-size: 24px;
}

.cui-toastr-md h4 {
    flex: 0 0 18%;
    font-size: 30px;
}

.cui-toastr-md h4 i {
    font-size: 30px;
}

.cui-toastr-lg h4 {
    flex: 0 0 21%;
    font-size: 36px;
}

.cui-toastr-lg h4 i {
    font-size: 36px;
}

.cui-toastr p {
    flex: 1 0 85%;
    overflow: hidden;
    font-size: 13px;
}

.cui-toastr-md p {
    flex: 1 0 82%;
    font-size: 13px;
}

.cui-toastr-lg p {
    flex: 1 0 79%;
    font-size: 14px;
}

.cui-toastr-default h4{
    color: #909399;
}

.cui-toastr-info h4 {
    color: #67c23a;
}

.cui-toastr-warning h4 {
    color: #e6a23c;
}

.cui-toastr-danger h4 {
    color: #f56c6c;
}

/*确认框*/
.cui-confirm-container {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0);
    z-index: 20190101;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    align-items: center;
    justify-content: center;
}

.cui-confirm {
    width: 280px;
    height: 160px;
    border-radius: 10px;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    flex-direction: column;
    align-items: center;
    box-shadow: 0 1px 10px rgba(0,0,0,.15);
    -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.15);
    background-color: #ffffff;
}

.cui-confirm-transparent {
    opacity: 0;
    transform: scale(.5);
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    transition: .2s ease-out;
    -webkit-transition: .2s ease-out;
}

.cui-confirm.cui-confirm-fade {
    opacity: 1;
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
}

.cui-confirm-content {
    width: 80%;
    flex: 0 0 65%;
    padding: 18px;
    overflow: hidden;
    font-size: 14px;
    color: #222222;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    justify-content: center;
    text-align: center;
    align-items: center;
}

.cui-confirm-footer {
    width: 60%;
    flex: 0 0 35%;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    justify-content: space-around;
    align-items: flex-start;
}

/* 加载动画 */
/* loading scale out */
.cui-loading-scaleout {
    width: 30px;
    height: 30px;
    background-color: #3B91FF;
    border-radius: 100%;
    -webkit-animation: frameLoadingScaleout 1.0s infinite ease-in-out;
    animation: frameLoadingScaleout 1.0s infinite ease-in-out;
}

@-webkit-keyframes frameLoadingScaleout {
    0% { -webkit-transform: scale(0.0) }
    100% {-webkit-transform: scale(1.0);opacity: 0}
}

@keyframes frameLoadingScaleout {
    0% {transform: scale(0.0);-webkit-transform: scale(0.0);}
    100% {transform: scale(1.0);-webkit-transform: scale(1.0);opacity: 0;}
}

/* loading water */
.cui-loading-water {
    width: 50px;
    height: 30px;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.cui-loading-water > div {
    width: 15px;
    height: 15px;
    background-color: #3B91FF;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: frameBouncedelay 1.4s infinite ease-in-out;
    animation: frameBouncedelay 1.4s infinite ease-in-out;
    /* Prevent first frame from flickering when animation starts */
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.cui-loading-water .cui-bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.cui-loading-water .cui-bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes frameBouncedelay {
    0%, 80%, 100% { -webkit-transform: scale(0.0) }
    40% { -webkit-transform: scale(1.0) }
}

@keyframes frameBouncedelay {
    0%, 80%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    } 40% {
          transform: scale(1.0);
          -webkit-transform: scale(1.0);
      }
}

/* loading inout */
.cui-loading-inout {
    width: 30px;
    height: 30px;
    position: relative;
}

.cui-double-bounce1, .cui-double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #3B91FF;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: frameBounce 2.0s infinite ease-in-out;
    animation: frameBounce 2.0s infinite ease-in-out;
}

.cui-double-bounce2 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

@-webkit-keyframes frameBounce {
    0%, 100% { -webkit-transform: scale(0.0) }
    50% { -webkit-transform: scale(1.0) }
}

@keyframes frameBounce {
    0%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    } 50% {
          transform: scale(1.0);
          -webkit-transform: scale(1.0);
      }
}

/* loading 3d */
.cui-loading-3d {
    width: 30px;
    height: 30px;
    background-color: #3B91FF;
    -webkit-animation: frameRotateplane 1.2s infinite ease-in-out;
    animation: frameRotateplane 1.2s infinite ease-in-out;
}

@-webkit-keyframes frameRotateplane {
    0% { -webkit-transform: perspective(120px) }
    50% { -webkit-transform: perspective(120px) rotateY(180deg) }
    100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes frameRotateplane {
    0% {
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
    } 50% {
          transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
          -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
      } 100% {
            transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
            -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        }
}

/* loading downup */
.cui-loading-downup {
    /*width: 50px;*/
    /*height: 60px;*/
    width: 50px;
    height: 30px;
    text-align: center;
    font-size: 10px;
}

.cui-loading-downup > div {
    background-color: #3B91FF;
    height: 100%;
    width: 4px;
    display: inline-block;
    -webkit-animation: frameStretchdelay 1.2s infinite ease-in-out;
    animation: frameStretchdelay 1.2s infinite ease-in-out;
}

.cui-loading-downup .cui-rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.cui-loading-downup .cui-rect3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

.cui-loading-downup .cui-rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.cui-loading-downup .cui-rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

@-webkit-keyframes frameStretchdelay {
    0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
    20% { -webkit-transform: scaleY(1.0) }
}

@keyframes frameStretchdelay {
    0%, 40%, 100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }  20% {
           transform: scaleY(1.0);
           -webkit-transform: scaleY(1.0);
       }
}

/* 动画 */
/*右侧划入划出*/
.cui-slidein {
    animation: .2s frameSlidein ease-out;
    -webkit-animation: .2s frameSlidein ease-out;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
}

.cui-slideout {
    animation: .2s frameSlideout ease-out;
    -webkit-animation: .2s frameSlideout ease-out;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
}

@keyframes frameSlidein {
    0% {transform: translate3d(100%,0,0)}
    100% {transform: translate3d(0,0,0)}
}

@-webkit-keyframes frameSlidein {
    0% {-webkit-transform: translate3d(100%,0,0)}
    100% {-webkit-transform: translate3d(0,0,0)}
}

@keyframes frameSlideout {
    0% {transform: translate3d(0,0,0)}
    100% {transform: translate3d(100%,0,0)}
}

@-webkit-keyframes frameSlideout {
    0% {transform: translate3d(0,0,0)}
    100% {transform: translate3d(100%,0,0)}
}

/*左侧划入划出*/
.cui-leftsidein {
    animation: .2s frameLeftSlidein ease-out;
    -webkit-animation: .2s frameLeftSlidein ease-out;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
}

.cui-leftslideout {
    animation: .2s frameLeftSlideout ease-out;
    -webkit-animation: .2s frameLeftSlideout ease-out;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
}

@keyframes frameLeftSlidein {
    0% {transform: translate3d(-100%,0,0)}
    100% {transform: translate3d(0,0,0)}
}

@-webkit-keyframes frameLeftSlidein {
    0% {-webkit-transform: translate3d(-100%,0,0)}
    100% {-webkit-transform: translate3d(0,0,0)}
}

@keyframes frameLeftSlideout {
    0% {transform: translate3d(0,0,0)}
    100% {transform: translate3d(-100%,0,0)}
}

@-webkit-keyframes frameLeftSlideout {
    0% {transform: translate3d(0,0,0)}
    100% {transform: translate3d(-100%,0,0)}
}

/*scalein scaleout*/
.cui-scaleout {
    animation: frameScaleout .2s ease-out;
    -webkit-animation: frameScaleout .2s ease-out;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
}

.cui-scalein {
    animation: frameScalein .2s ease-out;
    -webkit-animation: frameScalein .2s ease-out;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
}

@keyframes frameScalein {
    0% {
        transform: scale(.5);
        -webkit-transform: scale(.5);
        opacity: 0;
    } 100% {
          transform: scale(1.0);
          -webkit-transform: scale(1.0);
          opacity: 1;
      }
}

@-webkit-keyframes frameScalein {
    0% {
        transform: scale(.5);
        -webkit-transform: scale(.5);
        opacity: 0;
    } 100% {
          transform: scale(1.0);
          -webkit-transform: scale(1.0);
          opacity: 1;
      }
}

@keyframes frameScaleout {
    0% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
        opacity: 1;
    } 100% {
          transform: scale(.5);
          -webkit-transform: scale(.5);
          opacity: 0;
      }
}

@-webkit-keyframes frameScaleout {
    0% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
        opacity: 1;
    } 100% {
          transform: scale(.5);
          -webkit-transform: scale(.5);
          opacity: 0;
      }
}

/* 加载遮罩 */
.cui-loading-dismiss {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    z-index: 20200109;
    user-select: none;
    -webkit-user-select: none;
    border: 0 solid rgb(0, 0, 0);
}

.cui-loading-wrap {
    width: 230px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    background-color: #ffffff;
    padding: 18px;
    border-radius: 6px;
    box-shadow: 0 1px 20px rgba(0,0,0,.15);
    -webkit-box-shadow: 0 1px 20px rgba(0,0,0,.15);
}

.cui-loading-txt {
    padding-left: 16px;
    font-size: 14px;
    font-weight: 400;
    color: #333333;
}

/* 开关 */
.cui-checkbox {
    position: relative;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
    padding: 0;
    border: none;
    text-indent: 0;
    flex: none;
    -webkit-flex: none;
    box-shadow: 0 1px 8px 0 rgba(0,0,0,.075);
    -webkit-box-shadow: 0 1px 8px 0 rgba(0,0,0,.075);
    background-color: #dddddd;
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    font-size: 12px;
    color: inherit;
    cursor: pointer;
}

.cui-checkbox:before {
    position: absolute;
    left: -1px;
    content: ' ';
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: #ffffff;
    box-shadow: 0 1px 8px 0 rgba(0,0,0,.075);
    -webkit-box-shadow: 0 1px 8px 0 rgba(0,0,0,.075);
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
}

/*sm*/
.cui-checkbox-sm {
    width:30px;
    height: 20px;
    line-height: 20px;
    border-radius: 10px;
}

.cui-checkbox-sm:before {
    width: 20px;
    height: 20px;
}

.cui-checkbox-sm:checked {
    background-color: #3B91FF;
}

.cui-checkbox-sm:checked:before{
    left: 11px;
}

/*md*/
.cui-checkbox-md {
    width:40px;
    height: 25px;
    line-height: 25px;
    border-radius: 13px;
}

.cui-checkbox-md:before {
    width: 25px;
    height: 25px;
}

.cui-checkbox-md:checked {
    background-color: #3B91FF;
}

.cui-checkbox-md:checked:before{
    left: 16px;
}

/*lg*/
.cui-checkbox-lg {
    width:50px;
    height: 30px;
    line-height: 30px;
    border-radius: 15px;
}

.cui-checkbox-lg:before {
    width: 30px;
    height: 30px;
}

.cui-checkbox-lg:checked {
    background-color: #3B91FF;
}

.cui-checkbox-lg:checked:before{
    left: 21px;
}

/*color*/
.cui-checkbox-success:checked {
    background-color: #3B91FF;
}

.cui-checkbox-warning:checked {
    background-color: #ff8c00;
}

.cui-checkbox-danger:checked {
    background-color: #ff3333;
}

/*标签页*/
.cui-tab {
    padding: 12px;
    margin-top: 6px;
    display: flex;
}

.cui-tab-cross {
    flex-direction: column;
}

.cui-tab-vertical {
    flex-direction: row;
}

.cui-tab-header {
    flex: 0 0 auto;
    user-select: none;
    -webkit-user-select: none;
}

.cui-tab-cross .cui-tab-header {
    border-bottom: 1px solid #c2c2cb;
    margin-bottom: 6px;
    display: flex;
    align-items: center;
}

.cui-tab-vertical .cui-tab-header {
    border-right: 1px solid #c2c2cb;
    margin-right: 6px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.cui-tab-header-item {
    font-size: 14px;
    cursor: pointer;
}

.cui-tab-header-item:hover,
.cui-tab-header-item:active:hover {
    background-color: rgba(0,0,0,.05);
}

.cui-tab-cross .cui-tab-header .cui-tab-header-item {
    border: 1px solid rgba(0,0,0,0);
    padding: 10px 16px;
    margin-right: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    position: relative;
}

.cui-tab-vertical .cui-tab-header .cui-tab-header-item {
    border: 1px solid rgba(0,0,0,0);
    padding: 10px 16px;
    margin-bottom: 2px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    position: relative;
}

.cui-tab-cross .cui-tab-header .cui-tab-active {
    position: relative;
    margin-bottom: -1px;
    background-color: #ffffff;
    border: 1px solid #c2c2cb;
    border-bottom-color: rgba(0,0,0,0);
    cursor: default;
}

.cui-tab-vertical .cui-tab-header .cui-tab-active {
    position: relative;
    margin-right: -1px;
    background-color: #ffffff;
    border: 1px solid #c2c2cb;
    border-right-color: rgba(0,0,0,0);
    cursor: default;
}

.cui-tab-content {
    flex: 1;
    overflow-x: hidden;
    overflow-y: auto;
}

.cui-tab-content-item {
    display: none;
    opacity: 0;
    transition: opacity .2s ease-out;
    -webkit-transition: opacity .2s ease-out;
}

.cui-tab-content-item.cui-tab-active {
    display: block;
}

.cui-tab-active.cui-tab-in {
    opacity: 1;
}

/*时间轴*/
.cui-timeline {
    display: flex;
    flex-wrap: nowrap;
    color: #888888;
}

.cui-time-direction-cross {
    flex-direction: row;
    margin-left: 10px;
}

.cui-time-direction-vertical {
    flex-direction: column;
}

.cui-timeline-item {
    position: relative;
    transition: .2s linear;
    -webkit-transition: .2s linear;
}

.cui-timeline .cui-timeline-item {
    min-height: 80px;
    min-width: 120px;
}

.cui-time-direction-cross .cui-timeline-item {
    border-bottom: 1px solid #c2c2cb;
}

.cui-time-direction-vertical .cui-timeline-item {
    border-left: 1px solid #c2c2cb;
}

.cui-time-direction-cross .cui-timeline-item:hover {
    border-bottom-color: #3B91FF;
}

.cui-time-direction-vertical .cui-timeline-item:hover {
    border-left-color: #3B91FF;
}

.cui-time-direction-cross .cui-timeline-item:not(:first-child) {
    margin-left: 20px;
}

.cui-time-direction-vertical .cui-timeline-item:not(:first-child) {
    margin-top: 20px;
}

.cui-timeline .cui-timeline-item:before,
.cui-timeline .cui-timeline-item:last-child:after {
    display: inline-block;
    content: ' ';
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background-color: #ffffff;
    border: 1px solid #c2c2cb;
    position: absolute;
    transition: .2s linear;
    -webkit-transition: .2s linear;
}

.cui-time-direction-cross .cui-timeline-item:before,
.cui-time-direction-cross .cui-timeline-item:last-child:after {
    bottom: -5px;
}

.cui-time-direction-vertical .cui-timeline-item:before,
.cui-time-direction-vertical .cui-timeline-item:last-child:after {
    left: -5px;
}

.cui-time-direction-cross .cui-timeline-item:before {
    left: -10px;
}

.cui-time-direction-vertical .cui-timeline-item:before {
    top: -10px;
}

.cui-time-direction-cross .cui-timeline-item:last-child:after {
    right: -10px;
}

.cui-time-direction-vertical .cui-timeline-item:last-child:after {
    bottom: -10px;
}

.cui-timeline .cui-timeline-item:hover:before,
.cui-timeline .cui-timeline-item:hover:last-child:after {
    border-color: #3B91FF;
    background-color: #3B91FF;
}

/*侧边框*/
.cui-aside {
    position: fixed;
    z-index: 19900101;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border: 0 solid rgba(0,0,0,0);
    background-color: rgba(0,0,0,.1);
    display: none;
}

.cui-aside-dialog {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    min-width: 330px;
    max-width: 430px;
    background-color: #ffffff;
    border-left: 1px solid #dededb;
    border-right: 1px solid #dededb;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    box-shadow: 0 1px 8px 0 rgba(0,0,0,.075);
    -webkit-box-shadow: 0 1px 8px 0 rgba(0,0,0,.075);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.cui-aside-content {
    width: 100%;
    height: 100%;
    overflow: auto;
    overflow-scrolling: touch;
    padding-bottom: 230px;
}

/*悬浮框*/
.cui-float-list {
    position: fixed;
    right: 1px;
    bottom: 260px;
    color: #333333;
    max-width: 50px;
    max-height: 500px;
    z-index: 20200115;
    display: flex;
    flex-direction: column;
    background-color: #ffffff;
    border-radius: 10px 0 0 10px;
    -webkit-border-radius: 10px 0 0 10px;
    box-shadow: 0 1px 5px 0 rgba(0,0,0,.15);
    -webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,.15);
}

.cui-float-item {
    flex-shrink: 0;
    width: 48px;
    height: 52px;
    position: relative;
}

.cui-float-item:before {
    content: ' ';
    display: inline-block;
    position: absolute;
    width: 10px;
    left: -10px;
    top: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0);
}

.cui-float-item:first-child {
    border-radius: 10px 0 0 0;
    -webkit-border-radius: 10px 0 0 0;
}

.cui-float-item:last-child {
    border-radius: 0 0 0 10px;
    -webkit-border-radius: 0 0 0 10px;
}

.cui-float-item:not(:last-child) {
    border-bottom: 1px solid #f2f2f2;
}

.cui-float-header {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #777777;
    font-size: 13px;
    overflow: hidden;
    cursor: pointer;
}

.cui-float-item:hover {
    background-color: #3B91FF;
}

.cui-float-icon {
    font-size: 24px!important;
}

.cui-float-item:hover .cui-float-icon {
    display: none;
}

.cui-float-text {
    color: #ffffff;
    overflow: hidden;
    display: none;
}

.cui-float-item:hover .cui-float-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.cui-float-body {
    display: none;
    width: 180px;
    position: absolute;
    top: 0;
    left: -190px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    background-color: #ffffff;
    box-shadow: 0 1px 5px rgba(0,0,0,.15);
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.15);
}

.cui-float-body:before {
    content: ' ';
    display: inline-block;
    height: 0;
    width: 0;
    border-width: 10px;
    border-style: solid;
    border-color: rgba(0,0,0,0);
    border-left-color: #3B91FF;
    position: absolute;
    right: -20px;
    top: 27px;
}

.cui-float-body:after {
    content: ' ';
    display: inline-block;
    width: 4px;
    background-color: #3B91FF;
    position: absolute;
    right: 0;
    top: 3px;
    bottom: 3px;
}

.cui-float-item:hover .cui-float-body {
    display: block;
}

.cui-float--scrollwrap {
    width: 100%;
    overflow: hidden;
}

.cui-float-body--scroll {
    width: calc(100% + 17px);
    max-height: 300px;
    padding: 10px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}

.cui-float-body--scroll::-webkit-scrollbar {
    display: none;
}

.cui-float-body--inner {
    width: calc(100% - 17px);
}

/*导航*/
.cui-nav {
    width: 100%;
    height: 65px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 19700000;
    background-color: #ffffff;
    box-shadow: 0 1px 5px rgba(0,0,0,.15);
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.15);
    padding: 8px 12px 8px 0;
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow: hidden;
}

.cui-nav-logo {
    width: 240px;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    overflow: hidden;
}

.cui-nav-logo img {
    flex-shrink: 0;
    max-width: 200px;
    max-height: 100%;
}

.cui-nav-logo p {
    flex-shrink: 0;
    max-width: 200px;
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.cui-nav-body {
    flex-grow: 1;
    flex-shrink: 0;
    height: 100%;
    padding: 0 24px;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
    overflow: hidden;
}

/*左侧菜单*/
.cui-left-menu {
    width: 240px;
    height: calc(100% - 65px);
    overflow: hidden;
    position: fixed;
    left: 0;
    top: 65px;
    bottom: 0;
    z-index: 19700000;
    background-color: #2d2e36;
    border: 1px solid rgba(0,0,0,0);
    color: #b2b2b2;
}

.cui-menu-scroll {
    width: 257px;
    overflow-x: hidden!important;
    min-height: 300px;
    max-height: calc(100% - 96px);
    overflow-y: auto;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
}

.cui-menu-footer {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 96px;
    background-color: #2d2e36;
    border-top: 1px solid #26272e;
}

.cui-scroll-thumb {
    position: absolute;
    width: 8px;
    right: 1px;
    top: 0;
    bottom: 96px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #2d2e36;
    cursor: auto;
}

.cui-scroll-bar {
    width: 8px;
    height: 80px;
    background-color: #434450;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    opacity: 0;
    transition: opacity .2s ease;
    -webkit-transition: opacity .2s ease;
}

.cui-menu-body {
    width: 240px;
    padding-bottom: 240px;
}

.cui-menu-header {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

.cui-menu-header>.cui-menu-header-item {
    flex-shrink: 0;
    padding: 12px;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    overflow: hidden;
    cursor: pointer;
}

.cui-menu-header>.cui-menu-header-item:hover {
    background-color: #2b2a26;
    color: #3B91FF;
}

.cui-menu-header>.cui-menu-header-item .cui-menu-icon {
    font-size: 18px;
    margin-right: 16px;
}

.cui-menu-header>.cui-menu-header-item .cui-menu-title {
    font-size: 14px;
}

.cui-menu-item {
    padding: 16px 12px 0 12px;
    position: relative;
}

.cui-menu-item:before {
    position: absolute;
    content: "";
    top: -1px;
    left: 16px;
    right: 16px;
    height: 1px;
    background-color: #26272e;
}

.cui-menu-item-title {
    font-size: 14px;
    margin-bottom: 6px;
}

.cui-menu-item-title:before {
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
    width: 2px;
    height: 14px;
    background-color: #3B91FF;
}

.cui-menu-item-body-wrap {
    padding: 6px 0;
}

.cui-menu-item-body {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

.cui-menu-item-body-item {
    width: 33.333333%;
    height: 26px;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-spacing: normal;
    padding: 0 3px;
    margin-bottom: 3px;
    text-align: right;
    border-radius: 2px;
    cursor: pointer;
    font-size: 12px;
}

.cui-menu-item-body-item:hover {
    background-color: #2b2a26;
    color: #3B91FF;
}

.cui-menu-active {
    background-color: #2b2a26!important;
    color: #3B91FF!important;
}

/*内容主体*/
.cui-main {
    width: 100%;
    height: calc(100% - 65px);
    padding-left: 240px;
    padding-bottom: 240px;
    margin-top: 65px;
    overflow: auto;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
}

@media screen and (max-width: 1250px) {
    .cui-main {
        min-width: 1010px;
    }
}

/*下拉菜单*/
.cui-dropdown {
    display: inline-block;
    position: relative;
}

.cui-dropdown .cui-dropdown-btn {
    display: block;
    position: relative;
}

.cui-dropdown .cui-dropdown-content {
    position: absolute;
    top: 100%;
    left: 0;
    font-size: 12px;
    background-color: #ffffff;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-top: 1px;
    border: 1px solid #dededb;
    box-shadow: 0 1px 5px rgba(0,0,0,.15);
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.15);
    display: none;
    z-index: 10000000;
}

.cui-open > .cui-dropdown-content {
    display: block;
}

.cui-dropdown .cui-dropdown-content .cui-dropdown-item {
    padding: 6px 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.cui-dropdown .cui-dropdown-content .cui-dropdown-item:hover,
.cui-dropdown .cui-dropdown-content .cui-dropdown-item:active {
    background-color: #f5f5f5;
    cursor: pointer;
}

/*select UI控件*/
.cui-select {
    display: inline-block;
    position: relative;
    background-color: #ffffff;
    z-index: 9999999;
}

.cui-select>.cui-select-header {
    width: 100%;
    height:100%;
    position: relative;
    cursor: pointer;
}

.cui-select>.cui-select-header>.cui-select-header--item {
    width: 100%;
    height: 100%;
    border: 1px solid #c2c2cb;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    font-size: 12px;
    padding-left: 10px;
}

.cui-select>.cui-select-header>.cui-select-header--item:hover,
.cui-select>.cui-select-header>.cui-select-header--item:focus,
.cui-select>.cui-select-header>.cui-select-header--item:active {
    border-color: #3B91FF;
    cursor: pointer;
}

.cui-select>.cui-select-header>.cui-select-header--item--icon {
    width: 20px;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cui-select-icon-up:before,
.cui-select-icon-down:before {
    content: ' ';
    display: inline-block;
    width: 0;
    height: 0;
    border: 5px solid rgba(0,0,0,0);
}

.cui-select-icon-up:before {
    border-bottom-color: #555555;
    margin-bottom: 5px;
}

.cui-select-icon-down:before {
    border-top-color: #555555;
    margin-top: 5px;
}

.cui-select >.cui-select-content {
    width: 100%;
    margin-top: 3px;
    padding-bottom: 6px;
    border: 1px solid #dededb;
    box-shadow: 0 1px 5px rgba(0,0,0,.15);
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.15);
    position: absolute;
    background-color: #ffffff;
}

.cui-select >.cui-select-content>.cui-select--content {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.cui-select >.cui-select-content>.cui-select--content>.cui-select-item {
    padding: 5px 10px;
}

.cui-select >.cui-select-content>.cui-select--content>.cui-select-item:hover,
.cui-select >.cui-select-content>.cui-select--content>.cui-select-item:active {
    background-color: #f5f5f5;
    cursor: pointer;
}

.cui-select--active,
.cui-select--active:hover,
.cui-select--active:active {
    background-color: #3B91FF!important;
    color: #ffffff!important;
}

.cui-select--disabled,
.cui-select--disabled:hover,
.cui-select--disabled:active {
    color: #d2d2d2!important;
    cursor: not-allowed!important;
    background-color: inherit!important;
}

